import Vue from 'vue'
import VueRouter from 'vue-router'
import routes from './routes'

Vue.use(VueRouter)


const router = new VueRouter({
    mode: 'history',
    routes
})

router.beforeEach((to, from, next) => {
    let token = localStorage.getItem("token");
    let isAdmin = localStorage.getItem("isAdmin")
    // console.log("这是导航守卫输出的是否是管理员:" + isAdmin);
    // console.log("这是导航守卫输出的token:" + token);
    if (to.meta.requireAuth) { // 判断该路由是否需要登录权限
        // 如果存在token并且是管理员那么可以让他去
        if (token && isAdmin === "true") { // 判断本地是否存在token
            next()
            document.title = to.matched[0].meta.title
        } else {
            // 否则让他去首页
            next({
                path: "/index"
            })
            document.title = to.matched[0].meta.title
        }

    } else {
        // 如果去的不是有权限的就他去
        next()
        document.title = to.matched[0].meta.title
    }


    // 如果在管理员界面,他想要去登录界面那么就判断是否登录
    if (from.fullPath == "/" && to.fullPath == "/login") {
        // 如果token存在说明他是登录状态,那么不让他去登录界面
        if (token) {
            next({
                path: from.fullPath
            })
            document.title = to.matched[0].meta.title

        } else {
            // 如果token不存在说明他不是登录状态,那么就放行
            next();
            document.title = to.matched[0].meta.title
        }
    }
});

export default router
